<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/pessoa/criarPessoa.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/pessoa/criarPessoa.css" ></link>
	</head>
	<body>
	<!-- PESQUISA -->
	<div id="painelPesquisa" class="ui-widget-content painel" >
		<div id="subtitulo"><h3 class="ui-widget-header">Verificar se já está cadastrado</h3></div>
		<div id="formWrapper" class="centered">
			<ul style="list-style: none;" class="controls">
				<li><label style="margin-right: -100px" for="cpfPesquisa"> CPF:</label><input  type="text" name="cpfPesquisa" id=cpfPesquisa class="field validate[required]" />
				<a id="cpfPesquisaBtn"  href="#">Pesquisar</a></li>
			</ul>
		</div>
	</div>
	<!-- FORMULARIO -->
	<div id="painelCadastro" style="display: none;" class="ui-widget-content painel" >
			<div id="subtitulo"><h3 class="ui-widget-header">Cadastro</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" action="#" onSubmit="return false;" method="post" class="bbq">
				<div id="step_visualization"></div>
				<fieldset class="step" id="dadosPessoais">
					<legend style="border: 0px;">Dados pessoais</legend>
					<ul class="controls">
					  <li><label for="nome">Nome:</label><input type="text" name="nome" id="nome" class="field validate[required]" /> </li>
					  <li><label for="dataNascimento">Data de nascimento:</label><input type="text" id="dataNascimento" name="dataNascimento"></li>
					  <li><label for="estadoNascimento">Estado de nascimento:</label><select name="estadoNascimento[id]" id="estadoNascimento" class="field "></select></li>
					  <li><label for="naturalidade">Naturalidade:</label><select name="naturalidade[id]" id="naturalidade" class="field "></select></li>
					  <li><label for="genero">Gênero: </label>
							<input type="radio" name="genero" id="genero"  class="field validate[required]" checked="checked" value="Masculino"  />
							Masculino
							<input type="radio" name="genero" id="genero1" class="field validate[required]" value="Feminino"  />
							Feminino
					  </li>
						<li><label for="nome">Nome do pai:</label><input type="text" name="pai" id="pai" class="field validate[required]" /> </li>
						<li><label for="nome">Nome da mãe:</label><input type="text" name="mae" id="mae" class="field validate[required]" /> </li>
		        	</ul>
		 		</fieldset>
				 <fieldset class="step" id="documentacao">
					<legend>Documentação</legend>
				 	<ul class="controls">
						<li><label for="cpf"> CPF:</label><input  type="text" name="cpf" id="cpf" class="field validate[required]" /> </li>
					  	<li><label for="rgProfissional">  RG Profissional:</label><input   type="text" name="rgProfissional" id="rgProfissional" class="field validate[required]" /> </li>
					  	<li><label for="rgCivil">  RG:</label><input   type="text" name="rgCivil" id="rgCivil" class="field validate[required]" /> </li>
					  	<li><label for="orgaoExpedidor">  Orgão expedidor:</label><input   type="text" name="orgaoExpedidor" id="orgaoExpedidor" class="field validate[required]" /> </li>
					  	<li><label for="estadoExpedidor">Estado expedidor:</label><select name="estadoExpedidor[id]" id="estadoExpedidor" class="field validate[required]"></select></li>
					  	<li><label for="rgCivil">  NIS/PIS/PASEP:</label><input   type="text" name="nisPisPasep" id="nisPisPasep" class="field validate[required]" /> </li>
					  	<li><label for="siape">  Siape:</label><input   type="text" name="siape" id="siape" class="field validate[required]" /> </li>
				  	</ul>
		 		  </fieldset>
		 		  <fieldset class="step" id="dadosBancarios">
					<legend>Dados Bancários</legend>
				 	<ul class="controls">
						<li><label for="banco">Banco:</label><select name="banco[id]" id="banco" class="field validate[required]"></select></li>
					  	<li><label for="agenciaBancaria">  Agência Bancária:</label><input   type="text" name="agenciaBancaria" id="agenciaBancaria" class="field validate[required]" /> </li>
					  	<li><label for="contaCorrente">  Conta Corrente:</label><input   type="text" name="contaCorrente" id="contaCorrente" class="field validate[required]" /> </li>
				  	</ul>
		 		  </fieldset>
                  <fieldset class="step" id="endereco">
					<legend>Endereço</legend>
				 	<ul class="controls">
					  	<li><label for="cepResidencial">CEP:</label><input type="text"       name="cepResidencial" id="cepResidencial" class="field validate[required]"></input></li>
						<li><label for="enderecoResidencial"> Logradouro/Complemento:</label><input  type="text" name="enderecoResidencial" id="enderecoResidencial" class="field validate[required]" /> </li>
					  	<li><label for="bairroResidencial">Bairro:</label><input   type="text" name="bairroResidencial" id="bairroResidencial" class="field validate[required]" /> </li>
					  	<li><label for="estadoResidencial">Estado:</label><select name="estadoResidencial[id]" id="estadoResidencial" class="field validate[required]"></select></li>
					  	<li><label for="municipioResidencial">Municipio:</label><select name="municipioResidencial[id]" id="municipioResidencial" class="field validate[required]" ></select></li>
				  	</ul>
		 		  </fieldset>
		 		  <fieldset class="step" id="contatos">
					<legend>Contatos</legend>
				 	<ul class="controls">
						<li><label for="telefoneFixoResidencial">Telefone Fixo Residencial:</label><input  type="text" name="telefoneFixoResidencial" id="telefoneFixoResidencial" class="field validate[required]" /> </li>
					  	<li><label for="celular">Celular:</label><input type="text" name="celular" id="celular" class="field validate[required]"></input></li>
					  	<li><label for="email">Email:</label><input   type="text" name="email" id="email" class="field validate[required]" /> </li>
						<li><label for="telefoneFixoProfissional">Telefone Fixo Profissional:</label><input  type="text" name="telefoneFixoProfissional" id="telefoneFixoProfissional" class="field validate[required]" /> </li>
						<li><label for="telefoneFaxProfissional">Telefone Fax Profissional:</label><input  type="text" name="telefoneFaxProfissional" id="telefoneFaxProfissional" class="field validate[required]" /> </li>
					  	<li><label for="emailProfissional">Email Profissional:</label><input   type="text" name="emailProfissional" id="emailProfissional" class="field validate[required]" /> </li>
				  	</ul>
		 		  </fieldset>
		 		  <fieldset class="step" id="dadosProfissionais">
					<legend>Dados profissionais</legend>
					<ul class="controls">
					  <li><label for="dataIngresso">Data de ingresso:</label><input type="text" id="dataIngresso" name="dataIngresso"></li>
					  <li><label for="dataAposentadoria">Data prevista de aposentadoria:</label><input type="text" id="dataAposentadoria" name="dataAposentadoria"></li>
					  <li><label for="ramoSegurancaPublica">Ramo da Segurança Pública:</label><select name="ramoSegurancaPublica[id]" id="ramoSegurancaPublica" class="field validate[required]"></select></li>
					  <li><label for="sessao">Sessão:</label><input type="text" name="sessao" id="sessao" class="field validate[required]"></input></li>
					  <li><label for="graduacaoCargo">Graduacao/Cargo:</label><select name="graduacaoCargo[id]" id="graduacaoCargo" class="field validate[required]"></select></li>
		        	</ul>
		 		</fieldset>
		 		<fieldset class="step" id="formacaoAcademica">
		 			<legend>Titulos <span id="oneToManyToolTip"></span> </legend>
					<ul class="controls">
							<li><label for="formacaoAcademicaTipoFormacaoAcademica" > Tipo de formação: </label>
			                    <select id="formacaoAcademicaTipoFormacaoAcademica" name="formacaoAcademica[tipoFormacaoAcademica]" class="field">
									<option value="EnsinoMedioTecnico" >Ensino Médio/Técnico</option>
									<option value="Graduacao" >Graduação</option>
									<option value="EspecializacaoLatoSensu" >Especialização Lato Sensu</option>
									<option value="Doutorado" >Doutorado</option>
									<option value="PosGraduacao" >Pós-Graduacao</option>
									<option value="FormacaoProfissional" >Formação Profissional</option>
									<option value="Outros" >Outros</option>
								</select>
							</li>
							<li><label for="formacaoAcademicaTipoFormacaoAcademicaCurso">Curso:</label><input type="text" name="formacaoAcademica[curso]" id="formacaoAcademicaTipoFormacaoAcademicaCurso" class="field validate[required]" /> </li>
							<li><label for="formacaoAcademicaTipoFormacaoAcademicaPeriodoIncial">Período:</label>
							<input style="width: 90px;" type="text" id="formacaoAcademicaTipoFormacaoAcademicaPeriodoIncial" name="formacaoAcademica[periodoIncial]">
							até <input style="width: 90px;" type="text"  id="formacaoAcademicaTipoFormacaoAcademicaPeriodoFinal" name="formacaoAcademica[periodoFinal]"></li>
							<li><label for="formacaoAcademicaCargaHoraria">Carga horária:</label><input type="text" id="formacaoAcademicaCargaHoraria" name="formacaoAcademica[cargaHoraria]"></li>
							<li><label for="formacaoAcademicaEntidade">Entidade:</label><input type="text" id="formacaoAcademicaEntidade" name="formacaoAcademica[entidade]"></li>
							<li><label for="formacaoAcademicaPais">País:</label><select name="formacaoAcademica[pais][id]" id="formacaoAcademicaPais" class="field validate[required]" ></select></li>
							<li><label for="formacaoAcademicaEstado">Estado:</label><select name="formacaoAcademica[estado][id]" id="formacaoAcademicaEstado" class="field "></select></li>
							<li><label for="formacaoAcademicaMunicipio">Municipio:</label><select name="formacaoAcademica[municipio][id]" id="formacaoAcademicaMunicipio" class="field validate[required]" ></select></li>
							<li><label for="formacaoAcademicaEstadoEstrangeiro">Estado Estrangeiro:</label><input type="text" id="formacaoAcademicaEstadoEstrangeiro" name="formacaoAcademica[estadoEstrangeiro]">
		  						<a id="formacaoAcademicaAdicionarBtn"  href="#">Adicionar</a>
							</li>
							<li>
								<table cellspacing="0" class="display" cellpadding="0" border="0" id="formacaoAcademicaDataGrid"></table>
							</li>
						</ul>
				</fieldset>
		 		<fieldset class="step" id="experienciaProfissional">
		 			<legend>Experiência Profissional <span id="oneToManyToolTip"></span> </legend>
					<ul class="controls">
							<li><label for="experienciaProfissionalEmpregador">Empregador:</label><input type="text" name="experienciaProfissional[empregador]" id="experienciaProfissionalEmpregador" class="field validate[required]" /> </li>
							<li><label for="experienciaProfissionalFuncao">Função:</label><input type="text" name="experienciaProfissional[funcao]" id="experienciaProfissionalFuncao" class="field validate[required]" /> </li>
							<li><label for="experienciaProfissionalPais">País:</label><select name="experienciaProfissional[pais][id]" id="experienciaProfissionalPais" class="field validate[required]" ></select></li>
							<li><label for="experienciaProfissionalEstado">Estado:</label><select name="experienciaProfissional[estado][id]" id="experienciaProfissionalEstado" class="field "></select></li>
							<li><label for="experienciaProfissionalMunicipio">Municipio:</label><select name="experienciaProfissional[municipio][id]" id="experienciaProfissionalMunicipio" class="field validate[required]" ></select></li>
							<li><label for="experienciaProfissionalEstadoEstrangeiro">Estado estrangeiro:</label><input type="text" name="experienciaProfissional[estadoEstrangeiro]" id="experienciaProfissionalEstadoEstrangeiro" >
							<li><label for="experienciaProfissionalPeriodoIncial">Período:</label>
							<input style="width: 90px;" type="text" id="experienciaProfissionalPeriodoIncio" name="experienciaProfissional[periodoInicio]">
							até <input style="width: 90px;" type="text"  id="experienciaProfissionalPeriodoFim" name="experienciaProfissional[periodoFim]"></li>
							<li><label for="experienciaProfissionalAtividadesRealizadas">Atividades realizadas:</label>
								<textarea type="text" id="experienciaProfissionalAtividadesRealizadas" name="atividadesRealizadas" rows="17" cols="62" style="width: 525px" class="field"></textarea>
		  						<a id="experienciaProfissionalAdicionarBtn"  href="#">Adicionar</a>
							</li>
							<li>
								<table cellspacing="0" class="display" cellpadding="0" border="0" id="experienciaProfissionalDataGrid"></table>
							</li>
						</ul>
				</fieldset>
				<fieldset class="step" id="publicacaoCientifica">
		 			<legend>Produção Científica <span id="oneToManyToolTip"></span> </legend>
						<ul class="controls">
							<li><label for="publicacaoCientificaTipoProducaoCientifica" > Tipo de formação: </label>
			                    <select id="publicacaoCientificaTipoProducaoCientifica" name="publicacaoCientifica[tipoProducaoCientifica]" class="field">
									<option value="ArtigosCientificoPeriodicoEspecializadoNacional" >Artigos científico em periódico especializado nacional</option>
									<option value="ArtigosCientificoPeriodicoEspecializadoEstrangeiro" >Artigos científico em periódico especializado estrangeiro</option>
									<option value="ArtigoDivulgacaoCientifica" >Artigo de divulgação científica</option>
									<option value="ComunicacaoCongressosSeminariosPalestras" >Comunicação em congressos,seminários ou palestras</option>
									<option value="ParticipacaoExposicoesApresentacoesEtc" >Participação em exposições,apresentações etc</option>
									<option value="TesesDefendidas" >Teses defendidas</option>
									<option value="TesesOrientadas" >Teses orientadas</option>
									<option value="PatentesObtidas" >Patentes obtidas</option>
									<option value="LivrosPublicados" >Livros publicados</option>
									<option value="Outros" >Outros</option>
								</select>
							</li>
							<li><label for="publicacaoCientificaReferencia">Referência ABNT:</label><input type="text" name="publicacaoCientifica[referencia]" id="publicacaoCientificaReferencia" class="field validate[required]" />
								<span id="abntToolTip"></span>
		  						<a id="publicacaoCientificaAdicionarBtn"  href="#">Adicionar</a>
							</li>
							<li>
								<table cellspacing="0" class="display" cellpadding="0" border="0" id="publicacaoCientificaDataGrid"></table>
							</li>
						</ul>
				</fieldset>
				<fieldset class="step" id="idiomas">
		 			<legend>Idiomas <span id="oneToManyToolTip"></span> </legend>
					<ul class="controls">
							<li><label for="idiomasLingua">Lingua:</label><select name="idiomas[lingua][id]" id="idiomasLingua" class="field validate[required]" ></select></li>
						 	<li><label for="idiomasEntendimento" > Entendimento: </label>
			                    <select id="idiomasEntendimento" name="idiomas[entendimento]" class="field">
									<option value="Excelente" >Excelente</option>
									<option value="MuitoBom" >Muito bom</option>
									<option value="Bom" >Bom</option>
									<option value="Regular" >Regular</option>
									<option value="Ruim" >Ruim</option>
									<option value="Pessimo" >Pessimo</option>
								</select>
							</li>
							<li><label for="idiomasFala" > Fala: </label>
			                    <select id="idiomasFala" name="idiomas[fala]" class="field">
									<option value="Excelente" >Excelente</option>
									<option value="MuitoBom" >Muito bom</option>
									<option value="Bom" >Bom</option>
									<option value="Regular" >Regular</option>
									<option value="Ruim" >Ruim</option>
									<option value="Pessimo" >Pessimo</option>
								</select>
							</li>
							<li><label for="idiomasLeitura" > Leitura: </label>
			                    <select id="idiomasLeitura" name="idiomas[leitura]" class="field">
									<option value="Excelente" >Excelente</option>
									<option value="MuitoBom" >Muito bom</option>
									<option value="Bom" >Bom</option>
									<option value="Regular" >Regular</option>
									<option value="Ruim" >Ruim</option>
									<option value="Pessimo" >Pessimo</option>
								</select>
							</li>
							<li><label for="idiomasEscrita" > Escrita: </label>
			                    <select id="idiomasEscrita" name="idiomas[escrita]" class="field">
									<option value="Excelente" >Excelente</option>
									<option value="MuitoBom" >Muito bom</option>
									<option value="Bom" >Bom</option>
									<option value="Regular" >Regular</option>
									<option value="Ruim" >Ruim</option>
									<option value="Pessimo" >Pessimo</option>
								</select>
		  						<a id="idiomasAdicionarBtn"  href="#">Adicionar</a>
							</li>
							<li>
								<table cellspacing="0" class="display" cellpadding="0" border="0" id="idiomasDataGrid"></table>
							</li>
						</ul>
				</fieldset>
		 		<div id="navigation"> 							
					<input class="navigation_button " id="back"  value="Voltar" type="reset" />
					<input class="navigation_button " id="next"  value="Próximo" type="submit" />
				</div>
				</form>
			</div>
	</div>
	
	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage"></span>
	</div>
	
	</body>
</html>
	
